<!doctype html>
<html>
<head>
    <!-- 字符编码 -->
    <meta charset="utf-8">
    <!-- IE兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">   <!-- 采用高速模式渲染（目前仅有360支持） -->
    <meta name="renderer" content="webkit">
    <meta name="keywords"
          content="初高中辅导, 初高中家教, 同步辅导, 学科培优, 专项课程, 自招竞赛, 留学咨询, 在线家教, 初高中补习, 升学辅导学习平台
">
    <meta name="description"
          content="海风教育是国内首家初高中在线1对1一站式补习平台。现有学科培优、升学辅导、留学咨询三大课程体系, 通过自主研发的一站式在线学习平台,清北复交名师组成豪华教研阵容,全面解决初高中学生中考、高考、留学等升学过程中的各类需求。
">
    <meta name="baidu-site-verification" content="wcMMFTPk07" />
    <title>海风教育官网_名校升学课外辅导教育机构_初高中名师一对一网络教育领导品牌</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
  <!--   <link rel="stylesheet" href="http://res.www.hfjy.com/pc/css/bootstrap.css"> -->
    <link rel="stylesheet" href="http://res.www.hfjy.com/pc/css/style.css">
    <link rel="stylesheet" href="http://res.www.hfjy.com/pc/css/index.css">
    <link rel="stylesheet" href="http://res.www.hfjy.com/pc/css/hotspot.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://res.www.hfjy.com/pc/js/jquery-1.7.2.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<!--     <script type="text/javascript" src="http://res.www.hfjy.com/pc/js/huxi.js"></script>
 -->    <script type="text/javascript" src="http://res.www.hfjy.com/pc/js/modernizr.js"></script>
    <script type="text/javascript" src="http://res.www.hfjy.com/pc/js/hotspot.min.js"></script>
    <script src="http://res.www.hfjy.com/pc/js/bootstrap.min.js"></script>
     <link rel="shortcut icon" href="http://res.www.hfjy.com/pc/favicon.ico" type="image/x-icon" />
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://res.www.hfjy.com/pc/js/html5shiv.min.js"></script>
    <![endif]-->
    <!-- 浏览器判断 -->
    <!--[if lt IE 7]>
    <script>window.location.href='./error.html'</script>
    <![endif]-->
    <script src="http://cdn.bootcss.com/jquery.lazyload/1.9.1/jquery.lazyload.js"></script>

    <!--[if !IE]><!-->
    <script src="http://res.www.hfjy.com/pc/js/haifengLibRoll.js"></script>
    <script src="http://res.www.hfjy.com/pc/js/bootstrap.min.js"></script>
    <script>
        $(function(){
            window.scrollReveal = new scrollReveal({ reset: true, move: '50px'});
        })
    </script>
    <!--<![endif]-->
    <style>
        .hf-mouseenter,.hf-rotate {
            margin: 0 auto;
            -webkit-transition: -webkit-transform 400ms ease-out;
            -moz-transition: -moz-transform 400ms ease-out;
            -o-transition: -o-transform 400ms ease-out;
            -ms-transition: -ms-transform 400ms ease-out;
        }
        .hf-mouseleave,.hf-rotate:hover {
            -webkit-transform: rotateZ(360deg);
            -moz-transform: rotateZ(360deg);
            -o-transform: rotateZ(360deg);
            -ms-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
        }
        .hf-updown{
            transition:All 0.4s ease-in-out;
            -webkit-transition:All 0.4s ease-in-out;
            -moz-transition:All 0.4s ease-in-out;
            -o-transition:All 0.4s ease-in-out;
        }
        .hf-updown:hover{
            transform:translate(0,-10px);
            -webkit-transform:translate(0,-10px);
            -moz-transform:translate(0,-10px);
            -o-transform:translate(0,-10px);
            -ms-transform:translate(0,-10px);
        }
        .hf-leftright{
            transition:All 0.4s ease-in-out;
            -webkit-transition:All 0.4s ease-in-out;
            -moz-transition:All 0.4s ease-in-out;
            -o-transition:All 0.4s ease-in-out;
        }
        .hf-leftright:hover{
            transform:translate(10px,0);
            -webkit-transform:translate(10px,0);
            -moz-transform:translate(10px,0);
            -o-transform:translate(10px,0);
            -ms-transform:translate(10px,0);
        }
    </style>
    <script>
        $(function(){
            $("img.lazy").lazyload({
                effect : "fadeIn"
            });

        })

    </script>
    <!-- 百度统计代码开始 -->
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?127201a9b02c1f65f6c25a3ef917acf4";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

    <script>
        function test(){
            $("#LXB_CONTAINER" ).hide();
        }
        $(function(){
            setInterval(test, 100 )

        })

    </script>
<script>
    function GetRequest() {

        var url = location.search; //获取url中"?"符后的字串
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for(var i = 0; i < strs.length; i ++) {
                theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }
    var args=GetRequest();
    if(typeof (args.adid)=="undefined"){
        args.adid="";
    }else{
        args.adid="?adid="+args.adid;
    }
    var adid=args.adid;
    $(function(){
        var args=GetRequest();
        if(typeof (args.adid)=="undefined"){
            args.adid="";
        }else{
            args.adid="?adid="+args.adid;
        }
        var adid=args.adid;
        $('a' ).each(function(){
            var href=$(this ).attr('href');
            if(typeof (href)!="undefined"){
                $(this ).attr('href',href+adid);
            }
        });
        $("#lunbo li" ).click(function(){
            var href=$(this ).attr('href');
            window.open(href+adid);
        })

    })
</script>
</head>
<body >
<script>
    $(function(){
        var select_title=location.pathname;
        $(".nav_menu-item" ).each(function(){
            $(this ).find('a' ).each(function(){
                var href=$(this ).attr('href');
                href=href.split('.')[0];
                if(select_title.indexOf(href)>0){
                    $(this ).parents('li' ).find('.no_is_sub').addClass('active');
                }
            })
        })

    })
</script>

    </div>
    <div class="clearfix"></div>
    <script type="text/javascript">
    $(document).ready(function() {
      $(".nav_menu .nav_menu-item").hover(function(){
        $(this).children('ul').stop().slideDown('fast');
      },function(){
          $(this).children('ul').stop().slideUp('fast');
      } );
        //防止有些浏览器出现异常
        $(".nav").mouseleave(function(){
          $(".nav_menu" ).children('ul').stop().slideToggle('fast');
      } )
        $(".nav_submenu").mouseleave(function(){
            $(".nav_menu" ).children('ul').stop().slideUp('fast');
        } )

    });
</script>
</div>

<script>
    $(document).ready(function () {
        var p = 0, t = 0;

        $(window).scroll(function (e) {
            p = $(this).scrollTop();
            if (t <= p) {//下滚
                $("#layout_header_menu").hide();
            }
            else {//上滚
                $("#layout_header_menu").show();
            }
            setTimeout(function () { t = p; }, 0);
        });
    });

</script>
<!-- End: Header -->
<!-- 轮播图片 专区1 -->
<div class="clearfix"></div>




    <ul class="dianul">
      <li class="cur"></li>
      <li></li>
      <li></li>
    </ul>
  </div>
  <script type="text/javascript" src="http://res.www.hfjy.com/pc/js/index.js"></script>
  <script type="text/javascript">
      $(function(){
          $('a').live('click', function(event) {
              var href=$(this ).attr('href');
              var this_href=window.location.href;
              if(href.indexOf('http')<0&&(this_href.indexOf('100')>0)){
                  href="http://www.hfjy.com/"+href;
                  window.location.href=href;
                  event.preventDefault();
              }

          });
      })
    window.onload = function(){
      chuantong(5000,500)
    }
  </script>
<div class="clearfix"></div>
<!-- 第二屏幕三大课程开始 -->
<div class="featurette " id="course_page2">
    <div class="container">
        <h2 class="title">海风教育两大系列课程</h2>
        <p class="min-title">名校升学一站式学习平台</p>
        <ul class="product-list clearfix ">
          <li data-scroll-reveal="enter left over 1s">
            <div >
                <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page201.png" alt="学科辅导:一节更比六节强！" title="学科辅导:一节更比六节强！"  />
                <a class="more" href="Subject.html"  target="_blank">点击查询详细课程 ></a>
                <div class="product-listbox new">
                   <p class="min-title">以前学1小时，在这里或只需10分钟。海风1对1在线学科培优，通过知识点切片化教学帮助同学们高效学习。</p>

                    <p><span>●</span>初、高中学科——同步辅导</p>

                    <p><span>●</span>专项课程——重点突破</p>

                    <p><span>●</span>自招竞赛——拓展提升</p>
                   <!--  <a class="btns" href="Subject.html"  target="_blank">点击查询详细课程</a> -->
                </div>
            </div>
          </li>
          <li class="nMar " data-scroll-reveal="enter right over 1s" >
            <div >
                <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page202.png" alt="自主招生辅导:选专业、赢面试,海风领航!" title="自主招生辅导:选专业、赢面试,海风领航!" >
                 <a class="more" href="Emulate.html" target="_blank">点击查询详细课程 ></a>  
                <div class="product-listbox new"> 
                   
                    <p class="min-title">海风招牌系列课程，特有名校自主招生、上纽大、上海春考等服务，满足升学的各种需求。    </p>
                    <p><span>●</span>名校自主招生“签约”辅导</p>

                    <p><span>●</span>上海春考保过辅导</p>

                    <p><span>●</span>上海纽约大学直通车</p>
                  <!--   <a class="btns" href="Emulate.html" target="_blank">点击查询详细课程</a>  -->
                </div> 
            </div>
          </li>
         
        </ul>
    </div>
</div>
<!-- 第二屏幕三大课程结束 -->
<!--第三屏幕教研开始  -->
<div class="featurette " id="course_page3">
  <div class="container">
    <h2 class="title">豪华教研阵容 龙头品牌实力</h2>
    <ul class="research-list  clearfix">
      <li data-scroll-reveal="enter top over 1s">
        <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page301.png"  alt="清北复交名师团队" title="一百五十多清北复交名师团队"/>
      </li>
      <li data-scroll-reveal="enter bottom over 1s">
        <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page302.png" alt="课时教学经验" title="三十多万课时教学经验"/>
      </li>
      <li data-scroll-reveal="enter top over 1s">
        <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page303.png" alt="全国考纲剖析" title="二百多种全国考纲剖析"/>
      </li>
      <li data-scroll-reveal="enter bottom over 1s">
        <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page304.png" alt="知识点切片" title="四千五百余个知识点切片"/>
      </li>
        <li class="nMar" data-scroll-reveal="enter top over 1s">
          <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page305.jpg" alt="学科独家教研系统" title="十门学科独家教研系统"/>
        </li>
    </ul>
     <p class="btnsP"> <a class="btns clearfix" href="research.html" target="_blank">点击查看教研水平</a></p> 
  </div>
</div>
<!-- 第三屏幕教研结束 -->
<div class="clearfix"></div>
<!--第四屏幕致力高效补习开始  -->
<div class="featurette " id="course_page4">
  <div class="container">
    <div class="page4-container">
      <div class=" page4-left pull-left" data-scroll-reveal="enter left over 1s">
        <h2 class="title">致力高效补习 海风做的更多</h2>

        <p>课前精准诊断学员疏漏 定制一对一课程模块</p>

        <p>尊重艾宾浩斯记忆曲线 借助平台智能化上课</p>

        <p>体验高效学习学而不忘 每节课补在关键点上</p>

        <p>及时反馈在线补习效果 家长学生机构三方通</p>
        <a class="btns clearfix" href="http://vip.hfjy.com/stk/" target="_blank">点击查询详细课程</a>
      </div>
      <div class="page4-right" data-scroll-reveal="enter right over 1s">
        <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page401.jpg" alt="致力高效补习 海风做的更多" title="致力高效补习 海风做的更多"/>
      </div>
    </div>
  </div>
</div>
<!--第四屏幕致力高效补习结束  -->
<!--第五屏幕师资开始  -->
<div class="featurette " id="course_page5">
  <div class="container">
    <div class="page4-container">
      <div class=" page5-left" data-scroll-reveal="enter left over 1s">
        <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page501.jpg" alt="清北复交名校名师团队" title="清北复交名校名师团队"/>
      </div>
      <div class="page5-right" data-scroll-reveal="enter right over 1s">
        <h2 class="title">清北复交师出名门</h2>

        <p>清北复交名校名师团队 </p>

        <p>海风教师魔鬼训练历炼</p>

        <p>上万课时教学经验沉淀</p>

        <p>历年中高考大数据支撑</p>

        <p>实现学员名校升学梦想</p>
        <a class="btns clearfix" href="teachers.html" target="_blank">点击查看名师风采</a>
      </div>
    </div>
  </div>
</div>
<!--第五屏幕师资结束  -->
<!--第六屏幕在线学习中心开始  -->
<script>
    $(function(){
        $(".sHoverItem" ).mouseenter(function(){
            $(this).find(".sIntro" ).addClass('curr');
        } ).mouseleave(function(){
            $(this).find(".sIntro" ).removeClass('curr');
        });
    })
</script>
<div class="featurette " id="course_page6">
  <div class="container">
      <div class="page4-container Online-img">
        <div class=" page6-left pull-left" data-scroll-reveal="enter left over 1s">
          <h2 class="title">在线学习中心</h2>

          <p>你专属的智能学习管家</p>

          <p><span>●</span>流畅语音视频功能，手写板书写功能</p>

          <p>——保证学生在线上课的体验</p>

          <p><span>●</span>创新课程录音，电子版书录屏</p>

          <p>——完整记录补习过程，随时随地温故知新</p>

          <p><span>●</span>内嵌标准化讲义，知识点切片化管理</p>

          <p>——确保教学成效量化可控。</p>
          <a class="btns clearfix" href="Online.html" target="_blank">点击进入学习中心</a>
        </div>
        <div class=" right-img" data-scroll-reveal="enter right over 1s">
          <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page601.gif" alt="在线一对一学习中心" title="在线一对一学习中心"/>
        </div>
      </div>
      <!--  9大优势 高低立见开始 -->
      <h2 class="title"> 9大优势 高低立见</h2>
      <div class="all">
        <ul>
          <li class="sHoverItem" id="item1">
            <i class="iconfont">&#xe610;</i>
            <p>上课无需来回赶</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>还在去补习的路上</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>一键完成补习</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem" id="item2">
            <i class="iconfont">&#xe601;</i>
            <p>补习内容更针对</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>补习内容大众化</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>名师1对1，内容更针对</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem">
             <i class="iconfont">&#xe614;</i>
            <p>电子板书自动录制</p>
             <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>上课记笔记，重点不消化</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>电子板书自动录制，上课全投入 </p>
              </div>
            </div>
          </li >
          <li class="sHoverItem ">
             <i class="iconfont">&#xe607;</i>
            <p>图文并茂真详细</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>讲的细不细，看老师心情</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>解题图文并茂，再难也能秒懂</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem noMar">
             <i class="iconfont">&#xe60f;</i>
            <p>教学成果可量化</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>无标准化流程</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>标准化讲义，切片化知识点管理</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem">
             <i class="iconfont">&#xe611;</i>
            <p>在线答疑全天候</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>上课不好打断，下课羞于提问</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>课上随时问，课后离线问</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem">
             <i class="iconfont">&#xe609;</i>
            <p>补习方案个性化</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>尖子差生难兼顾</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>一个学生一套方案</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem">
            <i class="iconfont">&#xe60e;</i>
            <p>多功能趣味沟通</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>传统课堂气氛压抑</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>多功能沟通，气氛活跃</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem" >
             <i class="iconfont">&#xe608;</i>
            <p>学习过程全记录</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>上完课就结束</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>独创课程录音，电子板书录屏</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem noMar hf-leftright" onclick="window.open('http://vip.hfjy.com/cgzxkpy/ ')">
             <i class="iconfont">&#xe612;</i>
            <p class="endP">进入学习中心</p>
            <!--  <divid="intro1" class="sIntro">
              <h2>传统补习&nbsp;&nbsp;&nbsp;       海风在线1对1</h2>
              <p class="min-p">还在去补习的路上 一键完成补习</p>
            </div> -->
          </li>
        </ul>
      </div>
<!--  9大优势 高低立见结束 -->
  </div>
</div>
<!--第六屏幕在线学习中心开始  -->
<!--第七屏幕学员案例开始  -->
<div class="clearfix"></div>
<div  class="featurette " style="padding:50px 0px">
    <div class="container">
      <h2 class="title">学员案例</h2>
      <p class="min-title">他们是海风最好的代言人</p>
        <div id="docker" class="row content-list ">
          <ul class="student-list clearfix" >
            <li class="hf-updown" onclick="window.open('http://vip.hfjy.com/zzhb/')">
              <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page701.jpg" alt="学生案例-杨嘉欣-香港理工大学"  title="学生案例-杨嘉欣-香港理工大学"/>
             <span class="pageBox">
                <h3>杨嘉欣</h3>
                <p class="min-title">录取于香港理工大学</p>
                <p>
                   海风自招面试课程学员，同时收到上海交大、香港理工大学、香港教育学院的offer。一直梦想进入香港高校，找到了海风独家的港校辅导课程。尤其英语口语课程，来自上海外国语的老师一对一连续3小时全英文对话，全面摆脱英语面试恐惧。
                </p>
            </span>
             
            </li>
            <li  onclick="window.open('http://vip.hfjy.com/zzhb/')">
              <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page702.jpg" alt="学生案例-石文旸-上海交通大学"  title="学生案例-石文旸-上海交通大学"/>
                <span class="pageBox">
                  <h3>石文旸</h3>
                  <p class="min-title">录取于上海交通大学</p>
                  <p>
                   帅帅的理科学霸，文科方面偏弱，海风老师度身定制改进方案，短板得到明显提升。此外，他推荐海风自招面试班，有着全真模拟面试场景，帮助抓住教授痛点。石学霸认为在线课程是趋势，好处多多，鼓励大家勇敢尝试。
                  </p>
                </span>
            </li>
            <li class="nMar hf-updown" onclick="window.open('http://vip.hfjy.com/zzhb/')">
              <img class="lazy" src="http://res.www.hfjy.com/pc/images/loading.gif" data-original="http://res.www.hfjy.com/pc/images/page703.jpg" alt="学生案例-陈芸菲-上海同济大学"  title="学生案例-陈芸菲-上海同济大学"/>
              <div class="pageBox">
                  <h3>陈芸菲</h3>
                  <p class="min-title">录取于上海同济大学</p>
                  <p>
                    参加海风自主招生面试班、英语口语一对一。特别感谢海风英语老师，能针对她个人的实际情况安排课程，上课针对性很强。她推荐线上课程，不但节省大量时间，而且提高学习效率。
                  </p>
              </div>
            </li>
          </ul>
        </div>
        <div class="clearfix"></div>
            <a href="http://vip.hfjy.com/zzhb/" target="_blank" class="btns docker-btns clearfix">
            更多学员案例
          </a>
    </div>
</div>
<script type="text/javascript">
    /*$( document ).ready( function() {
        $( ".content-list" ).mouseover( function( event ) {
            $( "#left" ).stop().animate( {left: "20px"}, 400 )
            $( "#right" ).stop().animate( {right: "2px"}, 400 )

        } ).mouseout( function( event ) {
            $( "#left" ).stop().animate( {left: "55px"}, 400 )
            $( "#right" ).stop().animate( {right: "35px"}, 400 )

        } );
        var docker_obj=$("#docker ul");
        var li_width=docker_obj.width()/6;
        $("#left" ).click(function(){
            var docker_left=docker_obj.offset().left;
            if(docker_left<-572){
                docker_left=0;
                docker_obj.stop().animate({
                    left: 0
                }, 1000);
                return ;
            }
            docker_obj.stop().animate({
                left: "-="+li_width
            }, 1000);
        })
        $("#right" ).click(function(){
            var docker_left=docker_obj.offset().left;
            if(docker_left>187){
                return ;
            }
            $("#docker ul" ).stop().animate({
                left: "+="+li_width
            }, 1000);
        })


    } );*/

</script>
<!--第七屏幕学员案例开始  -->
<!-- 第八屏幕免费预约试听报名流程开始  -->
<div class="featurette " id="course_page8">
  <div class="container">
      <h2 class="title">
          体验海风高效1对1在线补习
      </h2>
      <ul  class=" chatlist">
        <li>
          <a href="http://www10.53kf.com/webCompany.php?arg=10069074&style=1&keyword=&kf="  target="_blank" class="btn greenColor">
             <i class="iconfont">&#xe604;</i>预约试听
            <p>请准确填写您的联系方式，预约试听课程</p>
          </a>
        </li>
        <li>
          <a class="btn " href="http://www10.53kf.com/webCompany.php?arg=10069074&style=1&keyword=&kf="  target="_blank">
              <i class="iconfont">&#xe60e;</i>在线咨询
            <p>有疑问，请联系在线助教，您的问题将得到耐心解答</p>
          </a>
        </li>
        <li class="noMar">
          <a href="http://vip.hfjy.com/mfzl/"  target="_blank" class="btn redColor">
            <i class="iconfont">&#xe60f;</i>免费资料
            <p>五年沉淀最有价值资料，初高中升学必备</p>
          </a>
        </li>
      </ul>
  </div>
</div>
<!-- 第八屏幕免费预约试听报名流程结束  -->
<div class="clearfix"></div>
<!-- 第九屏：团队+媒体+荣誉开始 -->
<div class="featurette " id="course_page9">
    <div class="container">
      <div class="tablist">
          <div class="row ">
              <ul id="hd-title" class="hd-tittle">
                  <li class="tabTrigger active">媒体报道</li>
                  <li class="tabTrigger">&nbsp;|&nbsp;海风荣誉 </li>
              </ul>
              <div class="tabBox cur">
              
                <div class="module-box">
                  <div class="module-left">
                    <a href="http://sh.people.com.cn/n/2015/1024/c134768-26908989.html" target="_blank" class="li01"></a>
                    <a href="http://epaper.dfdaily.com/dfzb/html/2015-10/23/content_1010314.htm" target="_blank" class="li02"></a>
                    <a href="http://sh.sina.com.cn/news/k/2015-10-15/detail-ifxivsce6833611.shtml" target="_blank" class="li03"></a>
                    <a href="http://www.thepaper.cn/newsDetail_forward_1334686" target="_blank" class="li04"></a>
                    <a href="http://sh.eastday.com/m/20150424/u1a8681893.html" target="_blank" class="li05"></a>
                    <a href="http://sh.qq.com/a/20150615/016847.htm" target="_blank" class="li06"></a>
                    <a href="http://qjwb.zjol.com.cn/html/2014-01/15/content_2502926.htm?div=-1" target="_blank" class="li07"></a>
                  </div>
                  <div class="module-right">
                    <h3>超过50家知名媒体专业报道</h3>
                    <p>
                      突破传统补习局限——在线1对1 <br />
                      新闻联播报道海风教育模式创新<br />
                        国务院主办“互联网+”创业大赛金奖
                    </p>
                   </div>
                </div>
               
              </div>
              <div class="tabBox">
                  <ul class="tabC">
                    <li >
                        <img src="http://res.www.hfjy.com/pc/images/page9201.jpg" alt="2015年度用户口碑教辅品牌" title="2015年度用户口碑教辅品牌" />
                        <p>2015年荣获腾讯网“2015年度用户口碑教辅品牌” </p>
                    </li>
                    <li>
                        <img src="http://res.www.hfjy.com/pc/images/page9202.jpg" alt="首届中国“互联网+”创新创业大赛金奖 "  title="首届中国“互联网+”创新创业大赛金奖 "/>
                        <p>2015年国务院主办首届中国“互联网+”创新创业大赛金奖  </p>
                    </li>
                    <li>
                        <img src="http://res.www.hfjy.com/pc/images/page9203.jpg" alt="年度优秀早期投资项目奖" title="年度优秀早期投资项目奖"/>
                        <p>2014年上海市大学生“挑战杯”银奖(同期“饿了吗”项目获金奖)</p>
                    </li>
                    <li>
                        <img src="http://res.www.hfjy.com/pc/images/page9204.jpg" alt="上海市雏鹰奖银奖" title="上海市雏鹰奖银奖"/>
                        <p>2014年获得全球创业周“年度优秀早期投资项目奖”  </p>
                    </li>
                
                    <li class="nMar">
                        <img src="http://res.www.hfjy.com/pc/images/page9205.jpg" alt="复旦大学“聚劲杯”创业大赛一等奖"  title="复旦大学“聚劲杯”创业大赛一等奖"/>
                        <p>2011年复旦大学“聚劲杯”创业大赛一等奖</p>
                    </li>
                  </ul>
              </div>
          </div>
      </div>
    </div>
</div>
<script>
    $(function(){
        $(".tabTrigger" ).mouseenter(function(){
            $(this ).addClass('active' ).siblings('li' ).removeClass('active');
            $(".tabBox" ).removeClass('cur').eq($(this ).index()).addClass('cur');
        });
     })
</script>

<!--第九屏：团队+媒体+荣誉结束  -->


<div class="reserve" >
    <div class="foot_box container " >
        <form class="form" action="formCustom/addFormData" method="post" id="tmsLandingForm">
        
            <div class="ui-form-item title ">
                   立即预约
            </div>
            <div class="ui-form-item ">
                <div class="input-wrap">
                    <input type="text" class="ui-input" name='studentName'placeholder="请填写您的姓名"  id="name">
                </div>    
                <div class="ui-form-explain">请输入姓名</div>
            </div>
            <div class="ui-form-item ">
                <div class="input-wrap">
                <input value="" class="ui-input" type="text" placeholder="请填写您的手机号" id="phone" name='firstPhone'  maxlength="11">
                </div>
                <div class="ui-form-explain ">请输入手机号</div>
            </div>
            <input type='hidden' name='formId' value='6'>
            <div class="ui-form-item">
                <a class="ui-button" id='tmsLandingFormBtn'>开始预约</a>
            </div>
        </form>
    </div>
</div>
<script type='text/javascript'>
$(function(){var adid = location.href.match(/adid=([a-zA-Z0-9]+)/);
    var adidNo='';
    if(adid && adid[1]) { 
        adidNo=adid[1];
    }
    var tmsLandingFormUrl = 'http://i.hfjy.com/landingForm/register?adidNo='+adidNo;
      var oS=$('.ui-form-explain');
    $('#tmsLandingFormBtn').click(function(){
         var phone=$('#phone').val();
         var name=$('#name').val();
         if(!name||name==""){          
             oS[0].style.display="block";  
               return false;
          }
          if(!phone||phone==""){
             oS[1].style.display="block";   
             return false;
          }else if(phone!==""&&!/(^(13|14|15|17|18|)\d{9}$)/.test(phone)){
              oS[1].style.display="block";  
               return false;
          }  
      $('#phone').focus(function(){
        $(oS[1]).hide();
      });
      $('#name').focus(function(){
            $(oS[0]).hide();
      });
        $.ajax({ 
            type : 'post',  
            data : $('#tmsLandingForm').serialize(),
            url : tmsLandingFormUrl,dataType : 'jsonp',
            jsonp: 'callbackparam',
            success : function(json){if(json.error==1) {alert(json.msg);} else {location.href ='http://vip.hfjy.com/thanks';
                }}
        });
    });
})

</script>

<!-- footer开始 -->
<div class="footer">
    <div class="container footer-main">
            <ul>
                <li><a href="teachers.html" target="_blank">海风师资&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                <li><a href="research.html" target="_blank">海风教研&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                <li><a href="http://vip.hfjy.com/zzhb.html" target="_blank">学员成绩&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                <li><a href="Online.html" target="_blank">学习中心&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                <li><a href="cooperation.html" target="_blank">商务合作&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                <li><a href="joinUs.html" target="_blank">加入我们</a></li>
            </ul>
       
            <p>
                ©2010-2016hfjy.com All Rights Reserved.沪ICP备11030714号-1
            </p>    
          
    </div>
</div>
<!--footer结束  -->
<!-- 侧边栏开始 -->

<script>
    $(function(){
        $("#go_top").click(function(){
            $('html,body').animate({scrollTop:0},500);
            return false;
        });
    })
</script>

<!--右侧贴边导航quick_links.js控制-->

<div class="mui-mbar-tabs">
    <div class="quick_link_mian">

        <div class="quick_links_panel">
            <div id="quick_links" class="quick_links">
                <ul>
                    <li>
                        <a href="#" class="history_list"><i class="view"></i></a>
                        <div class="mp_tooltip" style=" visibility:hidden;" onclick="javascript:window.open('http://www10.53kf.com/webCompany.php?arg=10069074&amp;style=1&amp;keyword=&amp;kf=')">
                             <p >
                        在线客服 </p>
                        <p class="p3" onclick="javascript:window.open('http://www10.53kf.com/webCompany.php?arg=10069074&amp;style=1&amp;keyword=&amp;kf=')">(点击详情)</p>
                            <i class="icon_arrow_right_black"></i>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="my_qlinks"><i class="setting"></i></a>
                        <div class="ibar_login_box status_login">
                            <div class="avatar_box">
                            <p>   海风微信</p>
                            <p class="avatar_imgbox">
                                <img src="http://res.www.hfjy.com/pc/images/img_qrcode.png" alt="">
                            </p>
                                   
                            </div>
                           
                            <i class="icon_arrow_white"></i>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="my_qlinks"><i class="weibo"></i></a>
                        <div class="ibar_login_box status_login">
                            <div class="avatar_box">
                            <p>  海风官方微博</p>
                            <p class="avatar_imgbox">
                                 <img src="http://res.www.hfjy.com/pc/images/img_qrcode.png" alt="">
                            </p>
                                   
                            </div>
                           
                            <i class="icon_arrow_white"></i>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="mpbtn_histroy"><i class="tel"></i></a><div class="mp_tooltip"> <p onclick="javascript:window.open('http://www10.53kf.com/webCompany.php?arg=10069074&amp;style=1&amp;keyword=&amp;kf=')">
                        海风热线 </p>
                        <p class="p3">4008-331-112</p>
                           <i class="icon_arrow_right_black"></i></div>
                    </li>
                    <li id="go_top">
                        <a href="#" class="mpbtn_histroy">
                            <i class="tops"></i>
                        </a>
                    </li>  
                </ul>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">

    $(".quick_links_panel li").mouseenter(function(){

        $(this).children(".mp_tooltip").animate({left:-130,queue:true});

        $(this).children(".mp_tooltip").css("visibility","visible");

        $(this).children(".ibar_login_box").css("display","block");

    });

    $(".quick_links_panel li").mouseleave(function(){

        $(this).children(".mp_tooltip").css("visibility","hidden");

        $(this).children(".mp_tooltip").animate({left:-159,queue:true});

        $(this).children(".ibar_login_box").css("display","none");

    });

    $(".quick_toggle li").mouseover(function(){

        $(this).children(".mp_qrcode").show();

    });

    $(".quick_toggle li").mouseleave(function(){

        $(this).children(".mp_qrcode").hide();

    });

</script>
<script>
    (function(){
        //百度统计
        var bp = document.createElement('script');
        bp.src = '//push.zhanzhang.baidu.com/push.js';
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

</body>
</html>
